
.search{
    width: 100%;
    height: 50px;
    border-bottom: 1px solid black;
    line-height: 50px;
    padding: 0px 20px;
    font-size: 18px;
}
.shufflingImg{
    width: 100%;
    height: 153px;
}
.btnListBox{
    width: 100%;
    height: 84px;
}
.btnList{
    width: 63px;
    height: 84px;
}
.elfBox{
    width: 36px;
    height: 34px;
    position: relative;
    margin:10px auto ;
    overflow: hidden;
}
.sign{
    width: 350px;
    position: absolute;
    left: -120px;
    top: -235px;
}
.novice{
    width: 350px;
    position: absolute;
    left: -8px;
    top: -235px;
}
.task{
    width: 350px;
    position: absolute;
    left: -65px;
    top: -235px;
}
.welfare{
    width: 350px;
    position: absolute;
    left: -170px;
    top: -235px;
}
.timeBox{
    width: 100%;
    height: 32px;
    padding: 0px 10px;
    line-height: 32px;
}
.timeBox>h3{
    border-left: 1px solid green;
    padding-left: 10px;
    float: left;
}
.timeBox>span{
    float: right;
    line-height: 32px;
    font-size: 18px;
    color: #9F9F9F;
}
.hotBook{
    width: 100%;
    height: 194px;
    margin-top: 20px;
}
.freeBook{
    width: 92px;
    height: 194px;
    padding: 0px 8px;
    float: left;
    margin-left: 5px;
}
.freeBook>img{
    width: 74.25px;
    height: 99px;
}
.hotBookList{
    width: 100%;
    height: 139.66px;
    padding: 18px;
}
.hotBookList>img{
    width: 74.25px;
    height: 99px;
    float: left;
}
.bookmation{
    width: 245px;
    float: left;
    margin-left: 10px;
}
.botmBox{
    width: 100%;
    height: 53px;
}
.botmBox>div{
width: 89px;
height: 53px;
float: left;
margin-left: 12px;
font-size: 20px;
text-align: center;
line-height: 53px;
}